;(function($){
    $(function(){
        $(function(){
            $.ajax({
                url:"../../serve/checkload.php"
            }).then(function(res){
                if(res.status==1){
                    var str = localStorage.getItem("userinfo"); //存进去的时候,是字符串,取出来也是字符串
                    var objstr=JSON.parse(str||'{}');
                    $(".welcom").text("欢迎: "+objstr.u_name+" 光临梦芭莎");
                }else{
                    layer.confirm("您还未登录,是否立即登陆", {
                        btn: ['确定','取消'] //按钮
                    }, function(){
                        window.location="1load.html";
                    });
                }
            })
        });//第一个ajax函数结尾;
        function loaddata(){
            //拿到购物车数据,动态创建td;
            var uid=JSON.parse(localStorage.getItem("userinfo")||'{}').u_id;
            $.ajax({
                url:"../../serve/cartlist.php",
                data:{"u_id":uid},
                type:"post",
            }).then(function(res){
                console.log(res);
                var oTab=document.querySelector(".tab");
                var newstr="";
                $(oTab).html("");
                res.forEach(function(el, index){
                    //第一个td里面存放着信息;
                    newstr+=`<tr><td data-row=${JSON.stringify(el)}><img src=${el.c_pro_img}></td>`
                    newstr+=`<td class='trs'>${el.c_pro_name}</td>`
                    newstr+=`<td>${el.c_pro_price}</td>`
                    newstr+=`<td><button class="sj">-</button><input value=${el.c_pro_num}><button class="dj">+</button></td>`
                    newstr+=`<td>${el.c_pro_zj}</td>`;
                    newstr+=`<td><a onclick=del(${el.c_id},this)>删除</a></td></tr>`
                });
                $(oTab).append(newstr);
                //隐藏空购物车的内容
                if($("table tr td").hasClass("trs")){
                    $(".tssection").hide();
                }else{
                    $(".tssection").show();
                }
                var trs=document.querySelectorAll("table tbody tr");
                var num=0;
                trs.forEach(function(el,index){
                    num+=Number($("table tbody tr").eq(index).find("td").eq(4).text());
                });

                $(".zjp span").text("$"+num)

            });
        }
        loaddata();
        //给两个按钮动态创建点击事件
        $(".tab").on("click",".sj",function(evt){
        var num=$(this).next("input").val();
            --num;
            if(num<=1){
                num=1;
            }
            //更改页面的数量;
            $(this).next("input").val(num);
            //更改后台的数量
            var data=$(this).parents("tr").find("td:eq(0)").data("row");
            data.c_pro_num= $(this).next("input").val();
            $(this).parents("tr").find("td:eq(4)").html(data.c_pro_num*data.c_pro_price);
            var obj={};
            obj.pro_id=data.c_pro_id,
                obj.pro_img=data.c_pro_img,
                obj.pro_name=data.c_pro_name,
                obj.pro_num=data.c_pro_num,
                obj.pro_price=data.c_pro_price,
                obj.pro_zj=data.c_pro_zj,
                obj.u_id=data.c_u_id;
            $.ajax({
                url:"../../serve/carts.php",
                data:obj,
                type:'post',
            }).then(function(res){
                console.log(res);
                loaddata();
            })

        });
        $(".tab").on("click",".dj",function(evt){
            var num=$(this).prev("input").val();
            ++num;
            $(this).prev("input").val(num);
            var data=$(this).parents("tr").find("td:eq(0)").data("row");
            data.c_pro_num= $(this).prev("input").val();
            data.c_pro_num= $(this).prev("input").val();
            $(this).parents("tr").find("td:eq(4)").html(data.c_pro_num*data.c_pro_price);

            var obj={};
            obj.pro_id=data.c_pro_id,
                obj.pro_img=data.c_pro_img,
                obj.pro_name=data.c_pro_name,
                obj.pro_num=data.c_pro_num,
                obj.pro_price=data.c_pro_price,
                obj.pro_zj=data.c_pro_zj,
                obj.u_id=data.c_u_id;
            $.ajax({
                url:"../../serve/carts.php",
                data:obj,
                type:'post',
            }).then(function(res){
                console.log(res);
                loaddata();
            })

        });


//删除的点击事件
        del=function (num,obj){
            $.ajax({
                url:"../../serve/dell.php",
                data:{"c_id":num},
                type:"post",
                dataType:"json",
            }).then(function(res){
                if(res.status==1){
                    alert("删除成功");
                    window.location.reload(true);
                    $(obj).parents("tr").remove();
                }else{
                    window.location.reload(true);
                    alert("删除失败");
                }
            })
        }
        //登陆注册跳转
        $(".headerleft a").on("click",function(){
            window.location="1index.html";
        });
        $(".headerrt ul li:eq(1)").on("click",function(){
            window.location="1load.html";
        });
        $(".headerrt ul li:eq(2)").on("click",function(){
            window.location="1reg.html";
        });
        //购物车部分 登陆和选购商品的点击事件
        $(".tssection p:eq(1)").find("a").on("click",function(){
            window.location="1load.html";
        })
         $(".tssection p:eq(2)").find("a").on("click",function(){
             window.location="1index.html";
         })

        //入口函数结尾
    })
})(jQuery);